import indexV from "../view/index.ejs";
import Header from "../components/Header.ejs";
import Footer from "../components/Footer.ejs";
import Main from "../components/Main.ejs";
import Sidebar from "../components/Sidebar.ejs";
import {router} from "../app";
const goUlHandler = function(e){
	// dataset.url======>获取到元素当中的data-url属性值
	// console.log(e.target,e.target.dataset.url);// 获取到点击的元素
	// console.log(e.target.parentNode)

	// 点击的元素拥有data-url 或 点击的元素父级有data-url
	if(e.target.dataset.url || e.target.parentNode.dataset.url){
		router.go(e.target.dataset.url || e.target.parentNode.dataset.url)
	}
}
export default (menuRoutes)=>{
	return (req,res,next)=>{
		if(!localStorage.getItem("adminName")){
			location.href = "/login";
			return;
		}
		const info = menuRoutes.find(v=>v.url === req.url);
		next(indexV({
			header:Header(),
			footer:Footer(),
			main:Main(),
			sidebar:Sidebar({
				url:req.url,
				menuRoutes,
			}),
		}));
		// 将获取到的标题放置到id为title的元素中
		document.querySelector("#title").innerHTML = info?.title;
		// 获取到菜单列表ul元素
		document.querySelector("#goUl").onclick = goUlHandler;
		// 获取退出登陆按钮
		document.querySelector("#outLoginBtn").onclick = function(){
			// 1- 清除storage
			localStorage.clear();
			// 2- 跳转至登陆界面
			location.href= "/login";
		}
	}
}